<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>HTML中嵌入JS代码的第三种方式：引入外部独立的js文件。</title>
</head>
<body>
<!--在需要的位置引入js脚本文件-->
<!--引入外部独立的js文件的时候，js文件中的代码会遵循自上而下的顺序依次逐行执行。-->
<script type="text/javascript" src="../js/第三种嵌入js方式.js"></script>

<!--同一个js文件可以被引入多次。但实际开发中这种需求很少。-->
<!--
<script type="text/javascript" src="js/1.js"></script>
-->
<!--这种方式不行，结束的script标签必须有。-->
<!--
<script type="text/javascript" src="js/1.js" />
-->
<script type="text/javascript" src="js/1.js">
  <!-- window.alert("Test"); -->
  <!-- 不会执行！！！ -->
</script>
<script type="text/javascript">
  window.alert("Test");
</script>

</body>
</html>

